export default {
  namespaced: true,
  state: {
    //定义所有的主题颜色
    colors: [
      {
        name: '蓝色主题',
        color: '#61649f',
      },
      {
        name: '绿色主题',
        color: '#a4cab6',
      },
      {
        name: '红色主题',
        color: '#ffdde1',
      },
      {
        name: '黑色主题',
        color: '#000000',
      },
      {
        name: '灰色主题',
        color: '#545c64',
      },
      {
        name: '橙色主题',
        color: 'orange',
      },
    ],

    currentThemeColor: {
      name: '蓝色主题',
      color: '#61649f',
    },
  },
  getters: {
    //返回主题色的名字数组
    getColorNames(state) {
      return state.colors.map((r) => r.name)
    },
  },
  mutations: {
    //更新当前主题颜色的方法
    updateCurrentThemeColor(state, val) {
      state.currentThemeColor = val
    },
  },
  actions: {
    //更新当前主题色的方法
    updateCurrentThemeColor(store, val) {
      store.commit('updateCurrentThemeColor', val)
    },
  },
  modules: {},
}
